<template>
  <div class="applyDetail">
    <el-dialog
      title="申请明细"
      :visible.sync="isVisible"
      @close="closeDialog"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
      :modal-append-to-body="false"
      width="50%"
      center
    >
      <div v-for="(item, index) in formdata" :key="index" class="detail">
        <h3>{{ item.stageDesc }}：</h3>
        <div>
          <span v-for="(item1, index1) in item.prizeContent" :key="index1">
            <span>{{ item1 }}</span>
          </span>
          <span style="color: #f00">({{ item.givenType }})</span>
        </div>
      </div>
    </el-dialog>
  </div>
</template>
<script>
export default {
  name: "applyDetail",
  inject: ["reload"],
  data() {
    return {
      isVisible: this.isShow,
      formdata: this.dialogRow,
    };
  },
  props: {
    isShow: Boolean,
    dialogRow: Array,
  },
  methods: {
    closeDialog() {
      this.$emit("closeDialog");
    },
  },
};
</script>
<style lang="scss">
.applyDetail {
  .el-dialog {
    min-height: 50%;
  }
  .detail {
    display: flex;
    line-height: 32px;
    h3 {
      font-size: 14px;
    }
    div {
      width: 80%;
    }
  }
}
</style>